<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>检测数据类型</title>
</head>
<body>
<h3>控制台输出语句和检测数据类型</h3>

<h4>控制台输出语句</h4>
<p>
控制台语句经常用于测试结果来使用。 <br>
可以看出数字型和布尔型颜色为蓝色，字符串和undefined颜色为灰色
</p>

<h4>通过 typeof 关键字检测数据类型</h4>
<p>
typeof 运算符可以返回被检测的数据类型。它支持两种语法形式： <br>
1. 作为运算符： typeof x （常用的写法） <br>
2. 函数形式： typeof(x) <br>
换言之，有括号和没有括号，得到的结果是一样的，所以我们直接使用运算符的写法。
</p>
<hr>

<script>
  // 控制台 看信息颜色
  let 年龄 = 22
  console.log(年龄)
  let 姓名 = '雨燕'
  console.log(姓名)
  let 布尔 = false
  console.log(布尔)
  let aaa
  console.log(aaa)


  // 通过 typeof 关键字检测数据类型
  let 数字 = 10
  console.log(typeof 数字)
  let 字符串 = 'pink'
  console.log(typeof 字符串)
  let 字符串1 = '10'
  console.log(typeof 字符串1)
  let 布尔值 = false
  console.log(typeof 布尔值)
  let 值
  console.log(typeof (值)) // 这里使用 函数形式 写法
  let 空值 = null
  console.log(typeof 空值)

  // 输入一个信息 看是说明数据类型
  let 输入的信息 = prompt('请输入第一个数：')
  console.log(typeof 输入的信息) // 字符串类型, 哪怕是输入的是数字也会转换成字符串类型
</script>
</body>
</html>